<template>
  <div class="overflow-x-auto">
    <table class="table table-lg">
      <thead>
        <tr>
          <th>Name</th>
          <th>Class</th>
          <th>Subject</th>
          <th>Semester</th>
          <th>Score</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Lorelei Blackstone</td>
          <td>Class 1 | Year 9</td>
          <td>Math.</td>
          <td>2024 Spring</td>
          <td>89.5</td>
          <th>
            <button class="btn btn-ghost btn-sm">details</button>
            <button class="btn btn-error btn-sm">delete</button>
          </th>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped></style>
